<ion-view view-title="我的排名">
    <ion-content overflow-scroll="false">
        <div class="exam-ranking">
            <div class="exam-ranking-button js-exam-ranking-button">
                <ul class="three-ul-box">
                    <li ng-class="{true: 'active', false: 'inactive'}[readTime]" ng-click="changeList(1)"><img src="images/icon/dj-53.png"/><span class="name">阅读时间</span></li>
                    <li ng-class="{true: 'active', false: 'inactive'}[integralSearch]" ng-click="changeList(2)"><img src="images/icon/dj-54.png"/><span class="name">积分排名</span></li>
                    <li ng-class="{true: 'active', false: 'inactive'}[gradeSearch]" ng-click="changeList(3)"><img src="images/icon/dj-55.png"/><span class="name">成绩排行</span></li>
                </ul>
            </div>
            <div ng-show="readTimeDiv">
                <div class="ranking-content-header">
                    <div class="ranking-header-place">
                        <span class="place">{{myReadRank}}</span>
                    </div>
                </div>
                <div class="ranking-content-list">
                    <ul>
                        <li class="{{rank.class}}" ng-repeat="rank in rankList">
                            <div class="ranking-left">
                                <span class="number">{{$index+1}}</span>
                                <span class="name">{{rank.userName}}</span>
                            </div>
                            <div class="ranking-right">
                                <span class="title">阅读时间：</span>
                                <span class="time">{{rank.totalReadTime}}分钟</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div ng-show="integralSearchDiv">
                <div class="ranking-content-header">
                    <div class="ranking-header-place">
                        <span class="place">{{myScoreRank}}</span>
                    </div>
                </div>
                <div class="ranking-content-list">
                    <ul>
                        <li class="{{score.class}}" ng-repeat="score in scoreList">
                            <div class="ranking-left">
                                <span class="number">{{$index+1}}</span>
                                <span class="name">{{score.userName}}</span>
                            </div>
                            <div class="ranking-right">
                                <span class="title">总积分：</span>
                                <span class="time">{{score.totalScore}}分</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div ng-show="gradeSearchDiv">
                <div class="ranking-content-header">
                    <div class="ranking-header-place">
                        <span class="place">{{myGradeRank}}</span>
                    </div>
                </div>
                <div class="ranking-content-list">
                    <ul>
                        <li class="{{exam.class}}" ng-repeat="exam in examList">
                            <div class="ranking-left">
                                <span class="number">{{$index+1}}</span>
                                <span class="name">{{exam.userName}}</span>
                            </div>
                            <div class="ranking-right">
                                <span class="title">总成绩：</span>
                                <span class="time">{{exam.totalExamScore}}分</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--<div class="exam-ranking js-main-height">-->
            <!--<div class="exam-ranking-box">-->
                 <!--<div class="exam-ranking-name">-->
                <!--<img src="images/special/dj-013.png" width="100%">-->
                <!--<span class="exam-name">总阅读时间排名</span>-->
                <!--<span class="exam-time">{{nowTime}}</span>-->
            <!--</div>-->
                 <!--<ul class="three-ul-box exam-ranking-ul">-->
                <!--&lt;!&ndash;<li class="other-people">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="name">姓名名</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="number small-icon">9</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="grade">总分：88</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</li>&ndash;&gt;-->
                <!--<li>-->
                    <!--<div class="name">我的排名</div>-->
                    <!--<div class="number big-icon">{{myRank}}</div>-->
                    <!--&lt;!&ndash;<div class="grade">总分：88</div>&ndash;&gt;-->
                <!--</li>-->
                <!--&lt;!&ndash;<li  class="other-people">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="name">姓名名</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="number small-icon">11</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="grade">总分：88</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</li>&ndash;&gt;-->
            <!--</ul>-->
            <!--</div>-->
            <!--<ul class="list">-->
                <!--<li class="item" ng-repeat="rank in rankList">-->
                    <!--<span class="read-rank-name">{{rank.userName}}</span>-->
                    <!--<span class="read-rank-totalTime">阅读时间：{{rank.totalReadTime}}分钟</span>-->
                <!--</li>-->
            <!--</ul>-->
            <!--&lt;!&ndash;<div class="exam-ranking-search-box">&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="exam-ranking-search">&ndash;&gt;-->
                    <!--&lt;!&ndash;<input type="text" placeholder="请输入考试名称...">&ndash;&gt;-->
                    <!--&lt;!&ndash;<span class="exam-ranking-search-btn"><img src="images/icon/dj-30.png" height="30"></span>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->

        <!--</div>-->
    </ion-content>
</ion-view>
